{include file="common/head"}
<head>
  <title>收付款录入</title>

  <style type="text/css">
      #top{background: initial;border-bottom:1px solid rgba(0,0,0,0.1);max-width: 800px;}
    .card{ margin: 10px;display:inline-grid;cursor: pointer;overflow:hidden;border: 1px solid #ccc;transition: 0.1s;border-radius: 0  0px 0 0px;flex-grow: 1;padding: 5px;}
    .card:hover{transform: rotate(-0deg) scale(1.03);z-index: 20;box-shadow: 1px 1px 10px #f60;border-color: #f60;  }
    .price2{color:#888;text-decoration:line-through;}
    .price1{font-size: large;font-weight: bold;color:red;}
  </style>    
</head><body style="max-width: 800px;">
  <div id="header"></div>
  <div id="top" class="row text-center" style="height: 50px;line-height: 50px;background: #fff;z-index: 10;">
    <div class="col-2 text-center"></div>
    <div class="col-8 text-center"><H3>收付款录入</H3></div>
    <div class="col-2 text"></div>
  </div>

    <div class="" style="margin-top:60px;padding: 0;display: flex;flex-direction: row;flex-wrap: wrap; justify-content:space-around;z-index: 9;">
    {foreach $pay_list as $kv}
      <div class="card row">
<!--         <div class="col-4">
          <img src="{$kv['image']}" style="width:150px;" />
        </div> -->
        <div class="col">
          <div>缴费类型：<c class="fee_name" fee_type="{$kv['type']}" style="font-weight:bold;">{$kv['name']}</c></div>
          <div>说明：<c class="desc">{$kv['desc']}</c></div>
          <div>预付款：￥<c class="price">{$kv['price']}</c></div>
          <div>价格：￥<c class="price1" price="{$kv['price1']}">{$kv['price1']}</c></div>
        </div>
      </div>
    {/foreach}
 
    </div>
    <div style="margin:10px;font-size: large;">
      请注意：本功能只做记账用，真实资金进出在线下操作，确认到账后，在菜单[收付款审核]内操作，确认到账！
    </div>

<script type="text/javascript">
$(function(){

  $(".card").on('click',function(){
    var money = $(this).find(".price1").attr('price');
    var memo = $(this).find(".desc").text();
    var type= $(this).find('.fee_name').attr('fee_type');

    if(isNaN(money)) {
      console.log(money);
      return;
    }

    money = (money*1).toFixed(2);
    
    location.href="/acc/money_io/type/"+type+"/value/"+money+"/memo/"+memo;
  })


})


</script>


</body>
</html>
